<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont2 Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont2.cn/" title="iconfont2 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">

    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>

      <a href="https://www.iconfont2.cn/manage/index?manage_type=myprojects&projectId=2618441" target="_blank" class="nav-more">查看项目</a>

    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">

            <li class="dib">
              <span class="icon iconfont2">&#xe72e;</span>
                <div class="name">特定人员识别</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe72c;</span>
                <div class="name">室外条幅监控</div>
                <div class="code-name">&amp;#xe72c;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe724;</span>
                <div class="name">未戴口罩监控</div>
                <div class="code-name">&amp;#xe724;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe725;</span>
                <div class="name">人员密度</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe726;</span>
                <div class="name">接触网异物监控</div>
                <div class="code-name">&amp;#xe726;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe727;</span>
                <div class="name">流动商贩经营监控</div>
                <div class="code-name">&amp;#xe727;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe728;</span>
                <div class="name">非法封路监控</div>
                <div class="code-name">&amp;#xe728;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe729;</span>
                <div class="name">垃圾桶敞盖监控</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe72a;</span>
                <div class="name">工地防尘网监控</div>
                <div class="code-name">&amp;#xe72a;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe72b;</span>
                <div class="name">违规晾晒</div>
                <div class="code-name">&amp;#xe72b;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe72d;</span>
                <div class="name">塔吊作业监控</div>
                <div class="code-name">&amp;#xe72d;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe71e;</span>
                <div class="name">海面大雾预警</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe71f;</span>
                <div class="name">无人机调度管理</div>
                <div class="code-name">&amp;#xe71f;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe720;</span>
                <div class="name">无人机态势呈现</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe721;</span>
                <div class="name">无人机运动监测</div>
                <div class="code-name">&amp;#xe721;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe722;</span>
                <div class="name">沿海飓风台风预警</div>
                <div class="code-name">&amp;#xe722;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe723;</span>
                <div class="name">近海岸大风浪预警</div>
                <div class="code-name">&amp;#xe723;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe71d;</span>
                <div class="name">指定场所周界监控</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe701;</span>
                <div class="name">错误检测</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe702;</span>
                <div class="name">河湖污水可视化监控</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe703;</span>
                <div class="name">非法停车检测</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe704;</span>
                <div class="name">入侵检测</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe705;</span>
                <div class="name">目标丢失检测</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe706;</span>
                <div class="name">车流量统计</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe707;</span>
                <div class="name">“僵尸车”监控</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe708;</span>
                <div class="name">秸秆禁烧监控</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe709;</span>
                <div class="name">人数统计(倾斜角）</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe70a;</span>
                <div class="name">视频移动检测</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe70b;</span>
                <div class="name">进出禁区检测</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe70c;</span>
                <div class="name">激烈运动检测</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe70d;</span>
                <div class="name">人群聚集检测</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe70e;</span>
                <div class="name">作物倒伏监控</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe70f;</span>
                <div class="name">人数统计(垂直角）</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe710;</span>
                <div class="name">水库巡检</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe711;</span>
                <div class="name">烟雾告警</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe712;</span>
                <div class="name">人脸检测</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe713;</span>
                <div class="name">行人检测</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe714;</span>
                <div class="name">越界检测</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe715;</span>
                <div class="name">异常奔跑</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe716;</span>
                <div class="name">非法排污监测</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe717;</span>
                <div class="name">交通事故检测</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe718;</span>
                <div class="name">森林防火监控</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe719;</span>
                <div class="name">交通拥堵检测</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe71a;</span>
                <div class="name">围栏越界报警</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe71b;</span>
                <div class="name">滞留徘徊检测</div>
                <div class="code-name">&amp;#xe71b;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe71c;</span>
                <div class="name">摔倒检测</div>
                <div class="code-name">&amp;#xe71c;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe700;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe681;</span>
                <div class="name">违规填海监控</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe682;</span>
                <div class="name">卫片侦测</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe683;</span>
                <div class="name">行人闯红灯行为监控</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe684;</span>
                <div class="name">危化品泄漏水面污染监控</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe685;</span>
                <div class="name">违规施工监控</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe686;</span>
                <div class="name">违法采砂识别</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe687;</span>
                <div class="name">违规建设监控</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe688;</span>
                <div class="name">停车场可视化监控</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe689;</span>
                <div class="name">污染地块违规使用监控</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe68a;</span>
                <div class="name">野生陆地动物侦测</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe68b;</span>
                <div class="name">违规畜牧监控</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe68c;</span>
                <div class="name">违规畜禽养殖监控</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe68d;</span>
                <div class="name">水质在线监测</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe68e;</span>
                <div class="name">司机违规行为监控</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe68f;</span>
                <div class="name">违规放牧监控</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe690;</span>
                <div class="name">涂贴小广告监控</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe691;</span>
                <div class="name">天然气管线泄露预警</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe692;</span>
                <div class="name">外来人员管理</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe693;</span>
                <div class="name">偷倒渣土行为监控</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe694;</span>
                <div class="name">水文可视化监控</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe695;</span>
                <div class="name">水面违法养殖监控</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe696;</span>
                <div class="name">人员吸烟识别</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe697;</span>
                <div class="name">湿地植被侦测</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe698;</span>
                <div class="name">人员游泳识别</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe699;</span>
                <div class="name">室内烟火监控</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe69a;</span>
                <div class="name">室内人员危险行为识别</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe69b;</span>
                <div class="name">散煤冒黑烟监控</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe69c;</span>
                <div class="name">水利设施监测</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe69d;</span>
                <div class="name">水面漂浮物监控</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe69e;</span>
                <div class="name">水面船只管理</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe69f;</span>
                <div class="name">桥梁可视化监控</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a0;</span>
                <div class="name">网笼捕鱼预警</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a1;</span>
                <div class="name">生活垃圾分类监控</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a2;</span>
                <div class="name">人员定位显示</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a3;</span>
                <div class="name">气象与海洋灾害风险预警</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a4;</span>
                <div class="name">破坏道路监控</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a5;</span>
                <div class="name">排水及溢流监控</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a6;</span>
                <div class="name">气象信息采集</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a7;</span>
                <div class="name">木材运输监控</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a8;</span>
                <div class="name">人脸识别</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6a9;</span>
                <div class="name">人员闯入监控</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6aa;</span>
                <div class="name">骑车未带头盔监控</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ab;</span>
                <div class="name">群体性冲突监控</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ac;</span>
                <div class="name">人流管理监控</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ad;</span>
                <div class="name">人员斗殴行为监控</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ae;</span>
                <div class="name">面积计算</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6af;</span>
                <div class="name">排污口监控</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b0;</span>
                <div class="name">区域树种信息管理</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b1;</span>
                <div class="name">施工挖断预警</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b2;</span>
                <div class="name">绿地破损监控</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b3;</span>
                <div class="name">煤气罐禁入识别</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b4;</span>
                <div class="name">灭火器识别</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b5;</span>
                <div class="name">露天烧烤监控</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b6;</span>
                <div class="name">林木被砍侦测</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b7;</span>
                <div class="name">木材堆放监控</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b8;</span>
                <div class="name">矿区界桩监控</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6b9;</span>
                <div class="name">垃圾桶状态监控</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ba;</span>
                <div class="name">敏感人员管理</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6bb;</span>
                <div class="name">露天垃圾焚烧监控</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6bc;</span>
                <div class="name">矿产勘探监控</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6bd;</span>
                <div class="name">垃圾倾倒监控</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6be;</span>
                <div class="name">林区砍伐监控</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6bf;</span>
                <div class="name">矿山复绿监控</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c0;</span>
                <div class="name">井盖破损监控</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c1;</span>
                <div class="name">垃圾堆放监控</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c2;</span>
                <div class="name">考古挖掘监控</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c3;</span>
                <div class="name">禁渔区船只识别</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c4;</span>
                <div class="name">景点视频直播</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c5;</span>
                <div class="name">井盖丢失监控</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c6;</span>
                <div class="name">矿产盗采监控</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c7;</span>
                <div class="name">室外集会监控</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c8;</span>
                <div class="name">机房可视化监控</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6c9;</span>
                <div class="name">机动车违停监控</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ca;</span>
                <div class="name">简易房识别</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6cb;</span>
                <div class="name">货车遗撒监控</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6cc;</span>
                <div class="name">管线移动巡检管理</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6cd;</span>
                <div class="name">户外广告监控</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ce;</span>
                <div class="name">机械施工监控</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6cf;</span>
                <div class="name">近海赤潮与浒苔监控</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d0;</span>
                <div class="name">固废倾倒监控</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d1;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d2;</span>
                <div class="name">光缆线缆监控</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d3;</span>
                <div class="name">管线管桩管理</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d4;</span>
                <div class="name">火点识别（热成像）</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d5;</span>
                <div class="name">火场信息</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d6;</span>
                <div class="name">禁垦区农作物监控</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d7;</span>
                <div class="name">高空抛物监控</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d8;</span>
                <div class="name">河湖蓝藻监控</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6d9;</span>
                <div class="name">非机动车停放监控</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6da;</span>
                <div class="name">非法垂钓监控</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6db;</span>
                <div class="name">货车未苫盖监控</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6dc;</span>
                <div class="name">工业烟尘监控</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6dd;</span>
                <div class="name">电毒炸鱼预警</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6de;</span>
                <div class="name">防洪水尺识别</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6df;</span>
                <div class="name">电瓶车充电监控</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e0;</span>
                <div class="name">复垦情况监控</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e1;</span>
                <div class="name">地热盗采监控</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e2;</span>
                <div class="name">地质灾害管线风险联动</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e3;</span>
                <div class="name">低空飞行物运动监测</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e4;</span>
                <div class="name">道路积雪监控</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e5;</span>
                <div class="name">道路破损监控</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e6;</span>
                <div class="name">动物闯入识别</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e7;</span>
                <div class="name">多光谱水质侦测</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e8;</span>
                <div class="name">道路积水监控</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6e9;</span>
                <div class="name">电瓶车禁入禁放监控</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ea;</span>
                <div class="name">店外经营监控</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6eb;</span>
                <div class="name">道路清洁监控</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ec;</span>
                <div class="name">船只非法出入港预警(雷达式)</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ed;</span>
                <div class="name">车辆定位显示</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ee;</span>
                <div class="name">打孔盗油预警</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ef;</span>
                <div class="name">车速监控</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f0;</span>
                <div class="name">大气网格化监测</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f1;</span>
                <div class="name">单兵通信</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f2;</span>
                <div class="name">车辆闯红灯监控</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f3;</span>
                <div class="name">道路堆占监控</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f4;</span>
                <div class="name">大中型动物识别</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f5;</span>
                <div class="name">车牌识别</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f6;</span>
                <div class="name">船只定位显示</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f7;</span>
                <div class="name">船只非法入侵预警(雷达式)</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f8;</span>
                <div class="name">船只非法捕捞预警(雷达式)</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6f9;</span>
                <div class="name">车流量管理</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6fa;</span>
                <div class="name">盗油输转隐匿定位</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6fb;</span>
                <div class="name">车后斗载人监控</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6fc;</span>
                <div class="name">车辆闯入监控</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6fd;</span>
                <div class="name">船只非法出入港预警(光电式)</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6fe;</span>
                <div class="name">船只非法入侵预警(光电式)</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe6ff;</span>
                <div class="name">船只非法捕捞预警(光电式)</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe660;</span>
                <div class="name">植物病虫害可视化监控</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe661;</span>
                <div class="name">珍稀植物物种识别</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe662;</span>
                <div class="name">占道经营监控</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe663;</span>
                <div class="name">重车碾压预警</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe664;</span>
                <div class="name">占用消防通道监控</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe665;</span>
                <div class="name">作物长势监控</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe666;</span>
                <div class="name">中大型养殖畜禽识别</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe667;</span>
                <div class="name">娱乐场所违法经营监控</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe668;</span>
                <div class="name">智能门禁</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe669;</span>
                <div class="name">渔业水域网格化管理</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe66a;</span>
                <div class="name">扬尘粉尘监控</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe66b;</span>
                <div class="name">噪声监控</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe66c;</span>
                <div class="name">越界采矿监控</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe66d;</span>
                <div class="name">渔场巡护预警（雷达式）</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe66e;</span>
                <div class="name">原油泄露预警</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe66f;</span>
                <div class="name">疫情防控监控</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe670;</span>
                <div class="name">云广播</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe671;</span>
                <div class="name">栅栏倒地监控</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe672;</span>
                <div class="name">烟火识别（可见光）</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe673;</span>
                <div class="name">预警辅助—无人机巡护引导</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe674;</span>
                <div class="name">野生陆地动物轨迹管理</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe675;</span>
                <div class="name">渔场巡护预警（光电式）</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe676;</span>
                <div class="name">无人机定位显示</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe677;</span>
                <div class="name">物体搬运监控</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe678;</span>
                <div class="name">指定场所周界监控</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe679;</span>
                <div class="name">行人翻越栅栏监控</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe67a;</span>
                <div class="name">未戴安全帽行为监控</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe67b;</span>
                <div class="name">尾矿库和废渣可视化管理</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe67c;</span>
                <div class="name">违建占地监控</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe67d;</span>
                <div class="name">违规演出监控</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe67e;</span>
                <div class="name">违规开垦监控</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe67f;</span>
                <div class="name">无人海岛开发监控</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>

            <li class="dib">
              <span class="icon iconfont2">&#xe680;</span>
                <div class="name">违规遛狗监控</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>

          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont2 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont2';
  src: url('iconfont2.woff2?t=1626340255817') format('woff2'),
       url('iconfont2.woff?t=1626340255817') format('woff'),
       url('iconfont2.ttf?t=1626340255817') format('truetype');
}
</code></pre>
          <h3 id="-iconfont2-">第二步：定义使用 iconfont2 的样式</h3>
<pre><code class="language-css"
>.iconfont2 {
  font-family: "iconfont2" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont2"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont2" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont2"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">

          <li class="dib">
            <span class="icon iconfont2 icon-gntedingrenyuanshibie"></span>
            <div class="name">
              特定人员识别
            </div>
            <div class="code-name">.icon-gntedingrenyuanshibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshiwaitiaofujiankong"></span>
            <div class="name">
              室外条幅监控
            </div>
            <div class="code-name">.icon-gnshiwaitiaofujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweidaikouzhaojiankong"></span>
            <div class="name">
              未戴口罩监控
            </div>
            <div class="code-name">.icon-gnweidaikouzhaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenyuanmidu"></span>
            <div class="name">
              人员密度
            </div>
            <div class="code-name">.icon-gnrenyuanmidu
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjiechuwangyiwujiankong"></span>
            <div class="name">
              接触网异物监控
            </div>
            <div class="code-name">.icon-gnjiechuwangyiwujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnliudongshangfanjingyingjiankong"></span>
            <div class="name">
              流动商贩经营监控
            </div>
            <div class="code-name">.icon-gnliudongshangfanjingyingjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnfeifafenglujiankong"></span>
            <div class="name">
              非法封路监控
            </div>
            <div class="code-name">.icon-gnfeifafenglujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnlajitongchanggaijiankong"></span>
            <div class="name">
              垃圾桶敞盖监控
            </div>
            <div class="code-name">.icon-gnlajitongchanggaijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gngongdifangchenwangjiankong"></span>
            <div class="name">
              工地防尘网监控
            </div>
            <div class="code-name">.icon-gngongdifangchenwangjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguiliangshai"></span>
            <div class="name">
              违规晾晒
            </div>
            <div class="code-name">.icon-gnweiguiliangshai
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gntadiaozuoyejiankong"></span>
            <div class="name">
              塔吊作业监控
            </div>
            <div class="code-name">.icon-gntadiaozuoyejiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhaimiandawuyujing"></span>
            <div class="name">
              海面大雾预警
            </div>
            <div class="code-name">.icon-gnhaimiandawuyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnwurenjitiaoduguanli"></span>
            <div class="name">
              无人机调度管理
            </div>
            <div class="code-name">.icon-gnwurenjitiaoduguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnwurenjitaishichengxian"></span>
            <div class="name">
              无人机态势呈现
            </div>
            <div class="code-name">.icon-gnwurenjitaishichengxian
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnwurenjiyundongjiance"></span>
            <div class="name">
              无人机运动监测
            </div>
            <div class="code-name">.icon-gnwurenjiyundongjiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyanhaijufengtaifengyujing"></span>
            <div class="name">
              沿海飓风台风预警
            </div>
            <div class="code-name">.icon-gnyanhaijufengtaifengyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjinhaiandafenglangyujing"></span>
            <div class="name">
              近海岸大风浪预警
            </div>
            <div class="code-name">.icon-gnjinhaiandafenglangyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhidingchangsuozhoujiejiankong1"></span>
            <div class="name">
              指定场所周界监控
            </div>
            <div class="code-name">.icon-gnzhidingchangsuozhoujiejiankong1
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gncuowujiance"></span>
            <div class="name">
              错误检测
            </div>
            <div class="code-name">.icon-gncuowujiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhehuwushuikeshihuajiankong"></span>
            <div class="name">
              河湖污水可视化监控
            </div>
            <div class="code-name">.icon-gnhehuwushuikeshihuajiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnfeifatingchejiance"></span>
            <div class="name">
              非法停车检测
            </div>
            <div class="code-name">.icon-gnfeifatingchejiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnruqinjiance"></span>
            <div class="name">
              入侵检测
            </div>
            <div class="code-name">.icon-gnruqinjiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnmubiaodiushijiance"></span>
            <div class="name">
              目标丢失检测
            </div>
            <div class="code-name">.icon-gnmubiaodiushijiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gncheliuliangtongji"></span>
            <div class="name">
              车流量统计
            </div>
            <div class="code-name">.icon-gncheliuliangtongji
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gna-jiangshichejiankong"></span>
            <div class="name">
              “僵尸车”监控
            </div>
            <div class="code-name">.icon-gna-jiangshichejiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjieganjinshaojiankong"></span>
            <div class="name">
              秸秆禁烧监控
            </div>
            <div class="code-name">.icon-gnjieganjinshaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gna-renshutongjiqingxiejiao"></span>
            <div class="name">
              人数统计(倾斜角）
            </div>
            <div class="code-name">.icon-gna-renshutongjiqingxiejiao
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshipinyidongjiance"></span>
            <div class="name">
              视频移动检测
            </div>
            <div class="code-name">.icon-gnshipinyidongjiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjinchujinqujiance"></span>
            <div class="name">
              进出禁区检测
            </div>
            <div class="code-name">.icon-gnjinchujinqujiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjilieyundongjiance"></span>
            <div class="name">
              激烈运动检测
            </div>
            <div class="code-name">.icon-gnjilieyundongjiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenqunjujijiance"></span>
            <div class="name">
              人群聚集检测
            </div>
            <div class="code-name">.icon-gnrenqunjujijiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzuowudaofujiankong"></span>
            <div class="name">
              作物倒伏监控
            </div>
            <div class="code-name">.icon-gnzuowudaofujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gna-renshutongjichuizhijiao"></span>
            <div class="name">
              人数统计(垂直角）
            </div>
            <div class="code-name">.icon-gna-renshutongjichuizhijiao
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshuikuxunjian"></span>
            <div class="name">
              水库巡检
            </div>
            <div class="code-name">.icon-gnshuikuxunjian
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyanwugaojing"></span>
            <div class="name">
              烟雾告警
            </div>
            <div class="code-name">.icon-gnyanwugaojing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenlianjiance"></span>
            <div class="name">
              人脸检测
            </div>
            <div class="code-name">.icon-gnrenlianjiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhangrenjiance"></span>
            <div class="name">
              行人检测
            </div>
            <div class="code-name">.icon-gnhangrenjiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyuejiejiance"></span>
            <div class="name">
              越界检测
            </div>
            <div class="code-name">.icon-gnyuejiejiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyichangbenpao"></span>
            <div class="name">
              异常奔跑
            </div>
            <div class="code-name">.icon-gnyichangbenpao
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnfeifapaiwujiance"></span>
            <div class="name">
              非法排污监测
            </div>
            <div class="code-name">.icon-gnfeifapaiwujiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjiaotongshigujiance"></span>
            <div class="name">
              交通事故检测
            </div>
            <div class="code-name">.icon-gnjiaotongshigujiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnsenlinfanghuojiankong"></span>
            <div class="name">
              森林防火监控
            </div>
            <div class="code-name">.icon-gnsenlinfanghuojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjiaotongyongdujiance"></span>
            <div class="name">
              交通拥堵检测
            </div>
            <div class="code-name">.icon-gnjiaotongyongdujiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweilanyuejiebaojing"></span>
            <div class="name">
              围栏越界报警
            </div>
            <div class="code-name">.icon-gnweilanyuejiebaojing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhiliupaihuaijiance"></span>
            <div class="name">
              滞留徘徊检测
            </div>
            <div class="code-name">.icon-gnzhiliupaihuaijiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshuaidaojiance"></span>
            <div class="name">
              摔倒检测
            </div>
            <div class="code-name">.icon-gnshuaidaojiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gngengduo1"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gngengduo1
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguitianhaijiankong"></span>
            <div class="name">
              违规填海监控
            </div>
            <div class="code-name">.icon-gnweiguitianhaijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweipianzhence"></span>
            <div class="name">
              卫片侦测
            </div>
            <div class="code-name">.icon-gnweipianzhence
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhangrenchuanghongdenghangweijiankong"></span>
            <div class="name">
              行人闯红灯行为监控
            </div>
            <div class="code-name">.icon-gnhangrenchuanghongdenghangweijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweihuapinxieloushuimianwuranjiankong"></span>
            <div class="name">
              危化品泄漏水面污染监控
            </div>
            <div class="code-name">.icon-gnweihuapinxieloushuimianwuranjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguishigongjiankong"></span>
            <div class="name">
              违规施工监控
            </div>
            <div class="code-name">.icon-gnweiguishigongjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweifacaishashibie"></span>
            <div class="name">
              违法采砂识别
            </div>
            <div class="code-name">.icon-gnweifacaishashibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguijianshejiankong"></span>
            <div class="name">
              违规建设监控
            </div>
            <div class="code-name">.icon-gnweiguijianshejiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gntingchechangkeshihuajiankong"></span>
            <div class="name">
              停车场可视化监控
            </div>
            <div class="code-name">.icon-gntingchechangkeshihuajiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnwurandikuaiweiguishiyongjiankong"></span>
            <div class="name">
              污染地块违规使用监控
            </div>
            <div class="code-name">.icon-gnwurandikuaiweiguishiyongjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyeshengludidongwuzhence"></span>
            <div class="name">
              野生陆地动物侦测
            </div>
            <div class="code-name">.icon-gnyeshengludidongwuzhence
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguixumujiankong"></span>
            <div class="name">
              违规畜牧监控
            </div>
            <div class="code-name">.icon-gnweiguixumujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguixuqinyangzhijiankong"></span>
            <div class="name">
              违规畜禽养殖监控
            </div>
            <div class="code-name">.icon-gnweiguixuqinyangzhijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshuizhizaixianjiance"></span>
            <div class="name">
              水质在线监测
            </div>
            <div class="code-name">.icon-gnshuizhizaixianjiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnsijiweiguihangweijiankong"></span>
            <div class="name">
              司机违规行为监控
            </div>
            <div class="code-name">.icon-gnsijiweiguihangweijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguifangmujiankong"></span>
            <div class="name">
              违规放牧监控
            </div>
            <div class="code-name">.icon-gnweiguifangmujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gntutiexiaoguanggaojiankong"></span>
            <div class="name">
              涂贴小广告监控
            </div>
            <div class="code-name">.icon-gntutiexiaoguanggaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gntianranqiguanxianxielouyujing"></span>
            <div class="name">
              天然气管线泄露预警
            </div>
            <div class="code-name">.icon-gntianranqiguanxianxielouyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnwailairenyuanguanli"></span>
            <div class="name">
              外来人员管理
            </div>
            <div class="code-name">.icon-gnwailairenyuanguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gntoudaozhatuhangweijiankong"></span>
            <div class="name">
              偷倒渣土行为监控
            </div>
            <div class="code-name">.icon-gntoudaozhatuhangweijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshuiwenkeshihuajiankong"></span>
            <div class="name">
              水文可视化监控
            </div>
            <div class="code-name">.icon-gnshuiwenkeshihuajiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshuimianweifayangzhijiankong"></span>
            <div class="name">
              水面违法养殖监控
            </div>
            <div class="code-name">.icon-gnshuimianweifayangzhijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenyuanxiyanshibie"></span>
            <div class="name">
              人员吸烟识别
            </div>
            <div class="code-name">.icon-gnrenyuanxiyanshibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshidizhibeizhence"></span>
            <div class="name">
              湿地植被侦测
            </div>
            <div class="code-name">.icon-gnshidizhibeizhence
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenyuanyouyongshibie"></span>
            <div class="name">
              人员游泳识别
            </div>
            <div class="code-name">.icon-gnrenyuanyouyongshibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshineiyanhuojiankong"></span>
            <div class="name">
              室内烟火监控
            </div>
            <div class="code-name">.icon-gnshineiyanhuojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshineirenyuanweixianhangweishibie"></span>
            <div class="name">
              室内人员危险行为识别
            </div>
            <div class="code-name">.icon-gnshineirenyuanweixianhangweishibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnsanmeimaoheiyanjiankong"></span>
            <div class="name">
              散煤冒黑烟监控
            </div>
            <div class="code-name">.icon-gnsanmeimaoheiyanjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshuilisheshijiance"></span>
            <div class="name">
              水利设施监测
            </div>
            <div class="code-name">.icon-gnshuilisheshijiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshuimianpiaofuwujiankong"></span>
            <div class="name">
              水面漂浮物监控
            </div>
            <div class="code-name">.icon-gnshuimianpiaofuwujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshuimianchuanzhiguanli"></span>
            <div class="name">
              水面船只管理
            </div>
            <div class="code-name">.icon-gnshuimianchuanzhiguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnqiaoliangkeshihuajiankong"></span>
            <div class="name">
              桥梁可视化监控
            </div>
            <div class="code-name">.icon-gnqiaoliangkeshihuajiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnwanglongbuyuyujing"></span>
            <div class="name">
              网笼捕鱼预警
            </div>
            <div class="code-name">.icon-gnwanglongbuyuyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshenghuolajifenleijiankong"></span>
            <div class="name">
              生活垃圾分类监控
            </div>
            <div class="code-name">.icon-gnshenghuolajifenleijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenyuandingweixianshi"></span>
            <div class="name">
              人员定位显示
            </div>
            <div class="code-name">.icon-gnrenyuandingweixianshi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnqixiangyuhaiyangzaihaifengxianyujing"></span>
            <div class="name">
              气象与海洋灾害风险预警
            </div>
            <div class="code-name">.icon-gnqixiangyuhaiyangzaihaifengxianyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnpohuaidaolujiankong"></span>
            <div class="name">
              破坏道路监控
            </div>
            <div class="code-name">.icon-gnpohuaidaolujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnpaishuijiyiliujiankong"></span>
            <div class="name">
              排水及溢流监控
            </div>
            <div class="code-name">.icon-gnpaishuijiyiliujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnqixiangxinxicaiji"></span>
            <div class="name">
              气象信息采集
            </div>
            <div class="code-name">.icon-gnqixiangxinxicaiji
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnmucaiyunshujiankong"></span>
            <div class="name">
              木材运输监控
            </div>
            <div class="code-name">.icon-gnmucaiyunshujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenlianshibie"></span>
            <div class="name">
              人脸识别
            </div>
            <div class="code-name">.icon-gnrenlianshibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenyuanchuangrujiankong"></span>
            <div class="name">
              人员闯入监控
            </div>
            <div class="code-name">.icon-gnrenyuanchuangrujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnqicheweidaitoukuijiankong"></span>
            <div class="name">
              骑车未带头盔监控
            </div>
            <div class="code-name">.icon-gnqicheweidaitoukuijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnquntixingchongtujiankong"></span>
            <div class="name">
              群体性冲突监控
            </div>
            <div class="code-name">.icon-gnquntixingchongtujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenliuguanlijiankong"></span>
            <div class="name">
              人流管理监控
            </div>
            <div class="code-name">.icon-gnrenliuguanlijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnrenyuandououhangweijiankong"></span>
            <div class="name">
              人员斗殴行为监控
            </div>
            <div class="code-name">.icon-gnrenyuandououhangweijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnmianjijisuan"></span>
            <div class="name">
              面积计算
            </div>
            <div class="code-name">.icon-gnmianjijisuan
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnpaiwukoujiankong"></span>
            <div class="name">
              排污口监控
            </div>
            <div class="code-name">.icon-gnpaiwukoujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnquyushuzhongxinxiguanli"></span>
            <div class="name">
              区域树种信息管理
            </div>
            <div class="code-name">.icon-gnquyushuzhongxinxiguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshigongwaduanyujing"></span>
            <div class="name">
              施工挖断预警
            </div>
            <div class="code-name">.icon-gnshigongwaduanyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnlvdiposunjiankong"></span>
            <div class="name">
              绿地破损监控
            </div>
            <div class="code-name">.icon-gnlvdiposunjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnmeiqiguanjinrushibie"></span>
            <div class="name">
              煤气罐禁入识别
            </div>
            <div class="code-name">.icon-gnmeiqiguanjinrushibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnmiehuoqishibie"></span>
            <div class="name">
              灭火器识别
            </div>
            <div class="code-name">.icon-gnmiehuoqishibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnloutianshaokaojiankong"></span>
            <div class="name">
              露天烧烤监控
            </div>
            <div class="code-name">.icon-gnloutianshaokaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnlinmubeikanzhence"></span>
            <div class="name">
              林木被砍侦测
            </div>
            <div class="code-name">.icon-gnlinmubeikanzhence
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnmucaiduifangjiankong"></span>
            <div class="name">
              木材堆放监控
            </div>
            <div class="code-name">.icon-gnmucaiduifangjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnkuangqujiezhuangjiankong"></span>
            <div class="name">
              矿区界桩监控
            </div>
            <div class="code-name">.icon-gnkuangqujiezhuangjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnlajitongzhuangtaijiankong"></span>
            <div class="name">
              垃圾桶状态监控
            </div>
            <div class="code-name">.icon-gnlajitongzhuangtaijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnminganrenyuanguanli"></span>
            <div class="name">
              敏感人员管理
            </div>
            <div class="code-name">.icon-gnminganrenyuanguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnloutianlajifenshaojiankong"></span>
            <div class="name">
              露天垃圾焚烧监控
            </div>
            <div class="code-name">.icon-gnloutianlajifenshaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnkuangchankantanjiankong"></span>
            <div class="name">
              矿产勘探监控
            </div>
            <div class="code-name">.icon-gnkuangchankantanjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnlajiqingdaojiankong"></span>
            <div class="name">
              垃圾倾倒监控
            </div>
            <div class="code-name">.icon-gnlajiqingdaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnlinqukanfajiankong"></span>
            <div class="name">
              林区砍伐监控
            </div>
            <div class="code-name">.icon-gnlinqukanfajiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnkuangshanfulvjiankong"></span>
            <div class="name">
              矿山复绿监控
            </div>
            <div class="code-name">.icon-gnkuangshanfulvjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjinggaiposunjiankong"></span>
            <div class="name">
              井盖破损监控
            </div>
            <div class="code-name">.icon-gnjinggaiposunjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnlajiduifangjiankong"></span>
            <div class="name">
              垃圾堆放监控
            </div>
            <div class="code-name">.icon-gnlajiduifangjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnkaoguwajuejiankong"></span>
            <div class="name">
              考古挖掘监控
            </div>
            <div class="code-name">.icon-gnkaoguwajuejiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjinyuquchuanzhishibie"></span>
            <div class="name">
              禁渔区船只识别
            </div>
            <div class="code-name">.icon-gnjinyuquchuanzhishibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjingdianshipinzhibo"></span>
            <div class="name">
              景点视频直播
            </div>
            <div class="code-name">.icon-gnjingdianshipinzhibo
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjinggaidiushijiankong"></span>
            <div class="name">
              井盖丢失监控
            </div>
            <div class="code-name">.icon-gnjinggaidiushijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnkuangchandaocaijiankong"></span>
            <div class="name">
              矿产盗采监控
            </div>
            <div class="code-name">.icon-gnkuangchandaocaijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnshiwaijihuijiankong"></span>
            <div class="name">
              室外集会监控
            </div>
            <div class="code-name">.icon-gnshiwaijihuijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjifangkeshihuajiankong"></span>
            <div class="name">
              机房可视化监控
            </div>
            <div class="code-name">.icon-gnjifangkeshihuajiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjidongcheweitingjiankong"></span>
            <div class="name">
              机动车违停监控
            </div>
            <div class="code-name">.icon-gnjidongcheweitingjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjianyifangshibie"></span>
            <div class="name">
              简易房识别
            </div>
            <div class="code-name">.icon-gnjianyifangshibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhuocheyisajiankong"></span>
            <div class="name">
              货车遗撒监控
            </div>
            <div class="code-name">.icon-gnhuocheyisajiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnguanxianyidongxunjianguanli"></span>
            <div class="name">
              管线移动巡检管理
            </div>
            <div class="code-name">.icon-gnguanxianyidongxunjianguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhuwaiguanggaojiankong"></span>
            <div class="name">
              户外广告监控
            </div>
            <div class="code-name">.icon-gnhuwaiguanggaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjixieshigongjiankong"></span>
            <div class="name">
              机械施工监控
            </div>
            <div class="code-name">.icon-gnjixieshigongjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjinhaichichaoyuhutaijiankong"></span>
            <div class="name">
              近海赤潮与浒苔监控
            </div>
            <div class="code-name">.icon-gnjinhaichichaoyuhutaijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gngufeiqingdaojiankong"></span>
            <div class="name">
              固废倾倒监控
            </div>
            <div class="code-name">.icon-gngufeiqingdaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gngengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon-gngengduo
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnguanglanxianlanjiankong"></span>
            <div class="name">
              光缆线缆监控
            </div>
            <div class="code-name">.icon-gnguanglanxianlanjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnguanxianguanzhuangguanli"></span>
            <div class="name">
              管线管桩管理
            </div>
            <div class="code-name">.icon-gnguanxianguanzhuangguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhuodianshibierechengxiang"></span>
            <div class="name">
              火点识别（热成像）
            </div>
            <div class="code-name">.icon-gnhuodianshibierechengxiang
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhuochangxinxi"></span>
            <div class="name">
              火场信息
            </div>
            <div class="code-name">.icon-gnhuochangxinxi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnjinkenqunongzuowujiankong"></span>
            <div class="name">
              禁垦区农作物监控
            </div>
            <div class="code-name">.icon-gnjinkenqunongzuowujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gngaokongpaowujiankong"></span>
            <div class="name">
              高空抛物监控
            </div>
            <div class="code-name">.icon-gngaokongpaowujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhehulanzaojiankong"></span>
            <div class="name">
              河湖蓝藻监控
            </div>
            <div class="code-name">.icon-gnhehulanzaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnfeijidongchetingfangjiankong"></span>
            <div class="name">
              非机动车停放监控
            </div>
            <div class="code-name">.icon-gnfeijidongchetingfangjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnfeifachuidiaojiankong"></span>
            <div class="name">
              非法垂钓监控
            </div>
            <div class="code-name">.icon-gnfeifachuidiaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhuocheweishangaijiankong"></span>
            <div class="name">
              货车未苫盖监控
            </div>
            <div class="code-name">.icon-gnhuocheweishangaijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gngongyeyanchenjiankong"></span>
            <div class="name">
              工业烟尘监控
            </div>
            <div class="code-name">.icon-gngongyeyanchenjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndianduzhayuyujing"></span>
            <div class="name">
              电毒炸鱼预警
            </div>
            <div class="code-name">.icon-gndianduzhayuyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnfanghongshuichishibie"></span>
            <div class="name">
              防洪水尺识别
            </div>
            <div class="code-name">.icon-gnfanghongshuichishibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndianpingchechongdianjiankong"></span>
            <div class="name">
              电瓶车充电监控
            </div>
            <div class="code-name">.icon-gndianpingchechongdianjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnfukenqingkuangjiankong"></span>
            <div class="name">
              复垦情况监控
            </div>
            <div class="code-name">.icon-gnfukenqingkuangjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndiredaocaijiankong"></span>
            <div class="name">
              地热盗采监控
            </div>
            <div class="code-name">.icon-gndiredaocaijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndizhizaihaiguanxianfengxianliandong"></span>
            <div class="name">
              地质灾害管线风险联动
            </div>
            <div class="code-name">.icon-gndizhizaihaiguanxianfengxianliandong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndikongfeihangwuyundongjiance"></span>
            <div class="name">
              低空飞行物运动监测
            </div>
            <div class="code-name">.icon-gndikongfeihangwuyundongjiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndaolujixuejiankong"></span>
            <div class="name">
              道路积雪监控
            </div>
            <div class="code-name">.icon-gndaolujixuejiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndaoluposunjiankong"></span>
            <div class="name">
              道路破损监控
            </div>
            <div class="code-name">.icon-gndaoluposunjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndongwuchuangrushibie"></span>
            <div class="name">
              动物闯入识别
            </div>
            <div class="code-name">.icon-gndongwuchuangrushibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnduoguangpushuizhizhence"></span>
            <div class="name">
              多光谱水质侦测
            </div>
            <div class="code-name">.icon-gnduoguangpushuizhizhence
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndaolujishuijiankong"></span>
            <div class="name">
              道路积水监控
            </div>
            <div class="code-name">.icon-gndaolujishuijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndianpingchejinrujinfangjiankong"></span>
            <div class="name">
              电瓶车禁入禁放监控
            </div>
            <div class="code-name">.icon-gndianpingchejinrujinfangjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndianwaijingyingjiankong"></span>
            <div class="name">
              店外经营监控
            </div>
            <div class="code-name">.icon-gndianwaijingyingjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndaoluqingjiejiankong"></span>
            <div class="name">
              道路清洁监控
            </div>
            <div class="code-name">.icon-gndaoluqingjiejiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchuanzhifeifachurugangyujingleidashi"></span>
            <div class="name">
              船只非法出入港预警(雷达式)
            </div>
            <div class="code-name">.icon-gnchuanzhifeifachurugangyujingleidashi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gncheliangdingweixianshi"></span>
            <div class="name">
              车辆定位显示
            </div>
            <div class="code-name">.icon-gncheliangdingweixianshi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndakongdaoyouyujing"></span>
            <div class="name">
              打孔盗油预警
            </div>
            <div class="code-name">.icon-gndakongdaoyouyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchesujiankong"></span>
            <div class="name">
              车速监控
            </div>
            <div class="code-name">.icon-gnchesujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndaqiwanggehuajiance"></span>
            <div class="name">
              大气网格化监测
            </div>
            <div class="code-name">.icon-gndaqiwanggehuajiance
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndanbingtongxin"></span>
            <div class="name">
              单兵通信
            </div>
            <div class="code-name">.icon-gndanbingtongxin
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gncheliangchuanghongdengjiankong"></span>
            <div class="name">
              车辆闯红灯监控
            </div>
            <div class="code-name">.icon-gncheliangchuanghongdengjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndaoluduizhanjiankong"></span>
            <div class="name">
              道路堆占监控
            </div>
            <div class="code-name">.icon-gndaoluduizhanjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndazhongxingdongwushibie"></span>
            <div class="name">
              大中型动物识别
            </div>
            <div class="code-name">.icon-gndazhongxingdongwushibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchepaishibie"></span>
            <div class="name">
              车牌识别
            </div>
            <div class="code-name">.icon-gnchepaishibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchuanzhidingweixianshi"></span>
            <div class="name">
              船只定位显示
            </div>
            <div class="code-name">.icon-gnchuanzhidingweixianshi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchuanzhifeifaruqinyujingleidashi"></span>
            <div class="name">
              船只非法入侵预警(雷达式)
            </div>
            <div class="code-name">.icon-gnchuanzhifeifaruqinyujingleidashi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchuanzhifeifabulaoyujingleidashi"></span>
            <div class="name">
              船只非法捕捞预警(雷达式)
            </div>
            <div class="code-name">.icon-gnchuanzhifeifabulaoyujingleidashi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gncheliuliangguanli"></span>
            <div class="name">
              车流量管理
            </div>
            <div class="code-name">.icon-gncheliuliangguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gndaoyoushuzhuanyinnidingwei"></span>
            <div class="name">
              盗油输转隐匿定位
            </div>
            <div class="code-name">.icon-gndaoyoushuzhuanyinnidingwei
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchehoudouzairenjiankong"></span>
            <div class="name">
              车后斗载人监控
            </div>
            <div class="code-name">.icon-gnchehoudouzairenjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gncheliangchuangrujiankong"></span>
            <div class="name">
              车辆闯入监控
            </div>
            <div class="code-name">.icon-gncheliangchuangrujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchuanzhifeifachurugangyujingguangdianshi"></span>
            <div class="name">
              船只非法出入港预警(光电式)
            </div>
            <div class="code-name">.icon-gnchuanzhifeifachurugangyujingguangdianshi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchuanzhifeifaruqinyujingguangdianshi"></span>
            <div class="name">
              船只非法入侵预警(光电式)
            </div>
            <div class="code-name">.icon-gnchuanzhifeifaruqinyujingguangdianshi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnchuanzhifeifabulaoyujingguangdianshi"></span>
            <div class="name">
              船只非法捕捞预警(光电式)
            </div>
            <div class="code-name">.icon-gnchuanzhifeifabulaoyujingguangdianshi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhiwubingchonghaikeshihuajiankong"></span>
            <div class="name">
              植物病虫害可视化监控
            </div>
            <div class="code-name">.icon-gnzhiwubingchonghaikeshihuajiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhenxizhiwuwuzhongshibie"></span>
            <div class="name">
              珍稀植物物种识别
            </div>
            <div class="code-name">.icon-gnzhenxizhiwuwuzhongshibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhandaojingyingjiankong"></span>
            <div class="name">
              占道经营监控
            </div>
            <div class="code-name">.icon-gnzhandaojingyingjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhongchenianyayujing"></span>
            <div class="name">
              重车碾压预警
            </div>
            <div class="code-name">.icon-gnzhongchenianyayujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhanyongxiaofangtongdaojiankong"></span>
            <div class="name">
              占用消防通道监控
            </div>
            <div class="code-name">.icon-gnzhanyongxiaofangtongdaojiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzuowuchangshijiankong"></span>
            <div class="name">
              作物长势监控
            </div>
            <div class="code-name">.icon-gnzuowuchangshijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhongdaxingyangzhixuqinshibie"></span>
            <div class="name">
              中大型养殖畜禽识别
            </div>
            <div class="code-name">.icon-gnzhongdaxingyangzhixuqinshibie
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyulechangsuoweifajingyingjiankong"></span>
            <div class="name">
              娱乐场所违法经营监控
            </div>
            <div class="code-name">.icon-gnyulechangsuoweifajingyingjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhinengmenjin"></span>
            <div class="name">
              智能门禁
            </div>
            <div class="code-name">.icon-gnzhinengmenjin
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyuyeshuiyuwanggehuaguanli"></span>
            <div class="name">
              渔业水域网格化管理
            </div>
            <div class="code-name">.icon-gnyuyeshuiyuwanggehuaguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyangchenfenchenjiankong"></span>
            <div class="name">
              扬尘粉尘监控
            </div>
            <div class="code-name">.icon-gnyangchenfenchenjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzaoshengjiankong"></span>
            <div class="name">
              噪声监控
            </div>
            <div class="code-name">.icon-gnzaoshengjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyuejiecaikuangjiankong"></span>
            <div class="name">
              越界采矿监控
            </div>
            <div class="code-name">.icon-gnyuejiecaikuangjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyuchangxunhuyujingleidashi"></span>
            <div class="name">
              渔场巡护预警（雷达式）
            </div>
            <div class="code-name">.icon-gnyuchangxunhuyujingleidashi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyuanyouxielouyujing"></span>
            <div class="name">
              原油泄露预警
            </div>
            <div class="code-name">.icon-gnyuanyouxielouyujing
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyiqingfangkongjiankong"></span>
            <div class="name">
              疫情防控监控
            </div>
            <div class="code-name">.icon-gnyiqingfangkongjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyunguangbo"></span>
            <div class="name">
              云广播
            </div>
            <div class="code-name">.icon-gnyunguangbo
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhalandaodijiankong"></span>
            <div class="name">
              栅栏倒地监控
            </div>
            <div class="code-name">.icon-gnzhalandaodijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyanhuoshibiekejianguang"></span>
            <div class="name">
              烟火识别（可见光）
            </div>
            <div class="code-name">.icon-gnyanhuoshibiekejianguang
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyujingfuzhuwurenjixunhuyindao"></span>
            <div class="name">
              预警辅助—无人机巡护引导
            </div>
            <div class="code-name">.icon-gnyujingfuzhuwurenjixunhuyindao
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyeshengludidongwuguijiguanli"></span>
            <div class="name">
              野生陆地动物轨迹管理
            </div>
            <div class="code-name">.icon-gnyeshengludidongwuguijiguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnyuchangxunhuyujingguangdianshi"></span>
            <div class="name">
              渔场巡护预警（光电式）
            </div>
            <div class="code-name">.icon-gnyuchangxunhuyujingguangdianshi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnwurenjidingweixianshi"></span>
            <div class="name">
              无人机定位显示
            </div>
            <div class="code-name">.icon-gnwurenjidingweixianshi
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnwutibanyunjiankong"></span>
            <div class="name">
              物体搬运监控
            </div>
            <div class="code-name">.icon-gnwutibanyunjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnzhidingchangsuozhoujiejiankong"></span>
            <div class="name">
              指定场所周界监控
            </div>
            <div class="code-name">.icon-gnzhidingchangsuozhoujiejiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnhangrenfanyuezhalanjiankong"></span>
            <div class="name">
              行人翻越栅栏监控
            </div>
            <div class="code-name">.icon-gnhangrenfanyuezhalanjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweidaianquanmaohangweijiankong"></span>
            <div class="name">
              未戴安全帽行为监控
            </div>
            <div class="code-name">.icon-gnweidaianquanmaohangweijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweikuangkuhefeizhakeshihuaguanli"></span>
            <div class="name">
              尾矿库和废渣可视化管理
            </div>
            <div class="code-name">.icon-gnweikuangkuhefeizhakeshihuaguanli
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweijianzhandijiankong"></span>
            <div class="name">
              违建占地监控
            </div>
            <div class="code-name">.icon-gnweijianzhandijiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguiyanchujiankong"></span>
            <div class="name">
              违规演出监控
            </div>
            <div class="code-name">.icon-gnweiguiyanchujiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguikaikenjiankong"></span>
            <div class="name">
              违规开垦监控
            </div>
            <div class="code-name">.icon-gnweiguikaikenjiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnwurenhaidaokaifajiankong"></span>
            <div class="name">
              无人海岛开发监控
            </div>
            <div class="code-name">.icon-gnwurenhaidaokaifajiankong
            </div>
          </li>

          <li class="dib">
            <span class="icon iconfont2 icon-gnweiguiliugoujiankong"></span>
            <div class="name">
              违规遛狗监控
            </div>
            <div class="code-name">.icon-gnweiguiliugoujiankong
            </div>
          </li>

        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont2.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont2 icon-gnxxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont2" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont2"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gntedingrenyuanshibie"></use>
                </svg>
                <div class="name">特定人员识别</div>
                <div class="code-name">#icon-gntedingrenyuanshibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshiwaitiaofujiankong"></use>
                </svg>
                <div class="name">室外条幅监控</div>
                <div class="code-name">#icon-gnshiwaitiaofujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweidaikouzhaojiankong"></use>
                </svg>
                <div class="name">未戴口罩监控</div>
                <div class="code-name">#icon-gnweidaikouzhaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenyuanmidu"></use>
                </svg>
                <div class="name">人员密度</div>
                <div class="code-name">#icon-gnrenyuanmidu</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjiechuwangyiwujiankong"></use>
                </svg>
                <div class="name">接触网异物监控</div>
                <div class="code-name">#icon-gnjiechuwangyiwujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnliudongshangfanjingyingjiankong"></use>
                </svg>
                <div class="name">流动商贩经营监控</div>
                <div class="code-name">#icon-gnliudongshangfanjingyingjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnfeifafenglujiankong"></use>
                </svg>
                <div class="name">非法封路监控</div>
                <div class="code-name">#icon-gnfeifafenglujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnlajitongchanggaijiankong"></use>
                </svg>
                <div class="name">垃圾桶敞盖监控</div>
                <div class="code-name">#icon-gnlajitongchanggaijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gngongdifangchenwangjiankong"></use>
                </svg>
                <div class="name">工地防尘网监控</div>
                <div class="code-name">#icon-gngongdifangchenwangjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguiliangshai"></use>
                </svg>
                <div class="name">违规晾晒</div>
                <div class="code-name">#icon-gnweiguiliangshai</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gntadiaozuoyejiankong"></use>
                </svg>
                <div class="name">塔吊作业监控</div>
                <div class="code-name">#icon-gntadiaozuoyejiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhaimiandawuyujing"></use>
                </svg>
                <div class="name">海面大雾预警</div>
                <div class="code-name">#icon-gnhaimiandawuyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnwurenjitiaoduguanli"></use>
                </svg>
                <div class="name">无人机调度管理</div>
                <div class="code-name">#icon-gnwurenjitiaoduguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnwurenjitaishichengxian"></use>
                </svg>
                <div class="name">无人机态势呈现</div>
                <div class="code-name">#icon-gnwurenjitaishichengxian</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnwurenjiyundongjiance"></use>
                </svg>
                <div class="name">无人机运动监测</div>
                <div class="code-name">#icon-gnwurenjiyundongjiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyanhaijufengtaifengyujing"></use>
                </svg>
                <div class="name">沿海飓风台风预警</div>
                <div class="code-name">#icon-gnyanhaijufengtaifengyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjinhaiandafenglangyujing"></use>
                </svg>
                <div class="name">近海岸大风浪预警</div>
                <div class="code-name">#icon-gnjinhaiandafenglangyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhidingchangsuozhoujiejiankong1"></use>
                </svg>
                <div class="name">指定场所周界监控</div>
                <div class="code-name">#icon-gnzhidingchangsuozhoujiejiankong1</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gncuowujiance"></use>
                </svg>
                <div class="name">错误检测</div>
                <div class="code-name">#icon-gncuowujiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhehuwushuikeshihuajiankong"></use>
                </svg>
                <div class="name">河湖污水可视化监控</div>
                <div class="code-name">#icon-gnhehuwushuikeshihuajiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnfeifatingchejiance"></use>
                </svg>
                <div class="name">非法停车检测</div>
                <div class="code-name">#icon-gnfeifatingchejiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnruqinjiance"></use>
                </svg>
                <div class="name">入侵检测</div>
                <div class="code-name">#icon-gnruqinjiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnmubiaodiushijiance"></use>
                </svg>
                <div class="name">目标丢失检测</div>
                <div class="code-name">#icon-gnmubiaodiushijiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gncheliuliangtongji"></use>
                </svg>
                <div class="name">车流量统计</div>
                <div class="code-name">#icon-gncheliuliangtongji</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gna-jiangshichejiankong"></use>
                </svg>
                <div class="name">“僵尸车”监控</div>
                <div class="code-name">#icon-gna-jiangshichejiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjieganjinshaojiankong"></use>
                </svg>
                <div class="name">秸秆禁烧监控</div>
                <div class="code-name">#icon-gnjieganjinshaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gna-renshutongjiqingxiejiao"></use>
                </svg>
                <div class="name">人数统计(倾斜角）</div>
                <div class="code-name">#icon-gna-renshutongjiqingxiejiao</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshipinyidongjiance"></use>
                </svg>
                <div class="name">视频移动检测</div>
                <div class="code-name">#icon-gnshipinyidongjiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjinchujinqujiance"></use>
                </svg>
                <div class="name">进出禁区检测</div>
                <div class="code-name">#icon-gnjinchujinqujiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjilieyundongjiance"></use>
                </svg>
                <div class="name">激烈运动检测</div>
                <div class="code-name">#icon-gnjilieyundongjiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenqunjujijiance"></use>
                </svg>
                <div class="name">人群聚集检测</div>
                <div class="code-name">#icon-gnrenqunjujijiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzuowudaofujiankong"></use>
                </svg>
                <div class="name">作物倒伏监控</div>
                <div class="code-name">#icon-gnzuowudaofujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gna-renshutongjichuizhijiao"></use>
                </svg>
                <div class="name">人数统计(垂直角）</div>
                <div class="code-name">#icon-gna-renshutongjichuizhijiao</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshuikuxunjian"></use>
                </svg>
                <div class="name">水库巡检</div>
                <div class="code-name">#icon-gnshuikuxunjian</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyanwugaojing"></use>
                </svg>
                <div class="name">烟雾告警</div>
                <div class="code-name">#icon-gnyanwugaojing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenlianjiance"></use>
                </svg>
                <div class="name">人脸检测</div>
                <div class="code-name">#icon-gnrenlianjiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhangrenjiance"></use>
                </svg>
                <div class="name">行人检测</div>
                <div class="code-name">#icon-gnhangrenjiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyuejiejiance"></use>
                </svg>
                <div class="name">越界检测</div>
                <div class="code-name">#icon-gnyuejiejiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyichangbenpao"></use>
                </svg>
                <div class="name">异常奔跑</div>
                <div class="code-name">#icon-gnyichangbenpao</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnfeifapaiwujiance"></use>
                </svg>
                <div class="name">非法排污监测</div>
                <div class="code-name">#icon-gnfeifapaiwujiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjiaotongshigujiance"></use>
                </svg>
                <div class="name">交通事故检测</div>
                <div class="code-name">#icon-gnjiaotongshigujiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnsenlinfanghuojiankong"></use>
                </svg>
                <div class="name">森林防火监控</div>
                <div class="code-name">#icon-gnsenlinfanghuojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjiaotongyongdujiance"></use>
                </svg>
                <div class="name">交通拥堵检测</div>
                <div class="code-name">#icon-gnjiaotongyongdujiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweilanyuejiebaojing"></use>
                </svg>
                <div class="name">围栏越界报警</div>
                <div class="code-name">#icon-gnweilanyuejiebaojing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhiliupaihuaijiance"></use>
                </svg>
                <div class="name">滞留徘徊检测</div>
                <div class="code-name">#icon-gnzhiliupaihuaijiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshuaidaojiance"></use>
                </svg>
                <div class="name">摔倒检测</div>
                <div class="code-name">#icon-gnshuaidaojiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gngengduo1"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gngengduo1</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguitianhaijiankong"></use>
                </svg>
                <div class="name">违规填海监控</div>
                <div class="code-name">#icon-gnweiguitianhaijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweipianzhence"></use>
                </svg>
                <div class="name">卫片侦测</div>
                <div class="code-name">#icon-gnweipianzhence</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhangrenchuanghongdenghangweijiankong"></use>
                </svg>
                <div class="name">行人闯红灯行为监控</div>
                <div class="code-name">#icon-gnhangrenchuanghongdenghangweijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweihuapinxieloushuimianwuranjiankong"></use>
                </svg>
                <div class="name">危化品泄漏水面污染监控</div>
                <div class="code-name">#icon-gnweihuapinxieloushuimianwuranjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguishigongjiankong"></use>
                </svg>
                <div class="name">违规施工监控</div>
                <div class="code-name">#icon-gnweiguishigongjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweifacaishashibie"></use>
                </svg>
                <div class="name">违法采砂识别</div>
                <div class="code-name">#icon-gnweifacaishashibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguijianshejiankong"></use>
                </svg>
                <div class="name">违规建设监控</div>
                <div class="code-name">#icon-gnweiguijianshejiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gntingchechangkeshihuajiankong"></use>
                </svg>
                <div class="name">停车场可视化监控</div>
                <div class="code-name">#icon-gntingchechangkeshihuajiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnwurandikuaiweiguishiyongjiankong"></use>
                </svg>
                <div class="name">污染地块违规使用监控</div>
                <div class="code-name">#icon-gnwurandikuaiweiguishiyongjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyeshengludidongwuzhence"></use>
                </svg>
                <div class="name">野生陆地动物侦测</div>
                <div class="code-name">#icon-gnyeshengludidongwuzhence</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguixumujiankong"></use>
                </svg>
                <div class="name">违规畜牧监控</div>
                <div class="code-name">#icon-gnweiguixumujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguixuqinyangzhijiankong"></use>
                </svg>
                <div class="name">违规畜禽养殖监控</div>
                <div class="code-name">#icon-gnweiguixuqinyangzhijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshuizhizaixianjiance"></use>
                </svg>
                <div class="name">水质在线监测</div>
                <div class="code-name">#icon-gnshuizhizaixianjiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnsijiweiguihangweijiankong"></use>
                </svg>
                <div class="name">司机违规行为监控</div>
                <div class="code-name">#icon-gnsijiweiguihangweijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguifangmujiankong"></use>
                </svg>
                <div class="name">违规放牧监控</div>
                <div class="code-name">#icon-gnweiguifangmujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gntutiexiaoguanggaojiankong"></use>
                </svg>
                <div class="name">涂贴小广告监控</div>
                <div class="code-name">#icon-gntutiexiaoguanggaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gntianranqiguanxianxielouyujing"></use>
                </svg>
                <div class="name">天然气管线泄露预警</div>
                <div class="code-name">#icon-gntianranqiguanxianxielouyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnwailairenyuanguanli"></use>
                </svg>
                <div class="name">外来人员管理</div>
                <div class="code-name">#icon-gnwailairenyuanguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gntoudaozhatuhangweijiankong"></use>
                </svg>
                <div class="name">偷倒渣土行为监控</div>
                <div class="code-name">#icon-gntoudaozhatuhangweijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshuiwenkeshihuajiankong"></use>
                </svg>
                <div class="name">水文可视化监控</div>
                <div class="code-name">#icon-gnshuiwenkeshihuajiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshuimianweifayangzhijiankong"></use>
                </svg>
                <div class="name">水面违法养殖监控</div>
                <div class="code-name">#icon-gnshuimianweifayangzhijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenyuanxiyanshibie"></use>
                </svg>
                <div class="name">人员吸烟识别</div>
                <div class="code-name">#icon-gnrenyuanxiyanshibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshidizhibeizhence"></use>
                </svg>
                <div class="name">湿地植被侦测</div>
                <div class="code-name">#icon-gnshidizhibeizhence</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenyuanyouyongshibie"></use>
                </svg>
                <div class="name">人员游泳识别</div>
                <div class="code-name">#icon-gnrenyuanyouyongshibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshineiyanhuojiankong"></use>
                </svg>
                <div class="name">室内烟火监控</div>
                <div class="code-name">#icon-gnshineiyanhuojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshineirenyuanweixianhangweishibie"></use>
                </svg>
                <div class="name">室内人员危险行为识别</div>
                <div class="code-name">#icon-gnshineirenyuanweixianhangweishibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnsanmeimaoheiyanjiankong"></use>
                </svg>
                <div class="name">散煤冒黑烟监控</div>
                <div class="code-name">#icon-gnsanmeimaoheiyanjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshuilisheshijiance"></use>
                </svg>
                <div class="name">水利设施监测</div>
                <div class="code-name">#icon-gnshuilisheshijiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshuimianpiaofuwujiankong"></use>
                </svg>
                <div class="name">水面漂浮物监控</div>
                <div class="code-name">#icon-gnshuimianpiaofuwujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshuimianchuanzhiguanli"></use>
                </svg>
                <div class="name">水面船只管理</div>
                <div class="code-name">#icon-gnshuimianchuanzhiguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnqiaoliangkeshihuajiankong"></use>
                </svg>
                <div class="name">桥梁可视化监控</div>
                <div class="code-name">#icon-gnqiaoliangkeshihuajiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnwanglongbuyuyujing"></use>
                </svg>
                <div class="name">网笼捕鱼预警</div>
                <div class="code-name">#icon-gnwanglongbuyuyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshenghuolajifenleijiankong"></use>
                </svg>
                <div class="name">生活垃圾分类监控</div>
                <div class="code-name">#icon-gnshenghuolajifenleijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenyuandingweixianshi"></use>
                </svg>
                <div class="name">人员定位显示</div>
                <div class="code-name">#icon-gnrenyuandingweixianshi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnqixiangyuhaiyangzaihaifengxianyujing"></use>
                </svg>
                <div class="name">气象与海洋灾害风险预警</div>
                <div class="code-name">#icon-gnqixiangyuhaiyangzaihaifengxianyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnpohuaidaolujiankong"></use>
                </svg>
                <div class="name">破坏道路监控</div>
                <div class="code-name">#icon-gnpohuaidaolujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnpaishuijiyiliujiankong"></use>
                </svg>
                <div class="name">排水及溢流监控</div>
                <div class="code-name">#icon-gnpaishuijiyiliujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnqixiangxinxicaiji"></use>
                </svg>
                <div class="name">气象信息采集</div>
                <div class="code-name">#icon-gnqixiangxinxicaiji</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnmucaiyunshujiankong"></use>
                </svg>
                <div class="name">木材运输监控</div>
                <div class="code-name">#icon-gnmucaiyunshujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenlianshibie"></use>
                </svg>
                <div class="name">人脸识别</div>
                <div class="code-name">#icon-gnrenlianshibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenyuanchuangrujiankong"></use>
                </svg>
                <div class="name">人员闯入监控</div>
                <div class="code-name">#icon-gnrenyuanchuangrujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnqicheweidaitoukuijiankong"></use>
                </svg>
                <div class="name">骑车未带头盔监控</div>
                <div class="code-name">#icon-gnqicheweidaitoukuijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnquntixingchongtujiankong"></use>
                </svg>
                <div class="name">群体性冲突监控</div>
                <div class="code-name">#icon-gnquntixingchongtujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenliuguanlijiankong"></use>
                </svg>
                <div class="name">人流管理监控</div>
                <div class="code-name">#icon-gnrenliuguanlijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnrenyuandououhangweijiankong"></use>
                </svg>
                <div class="name">人员斗殴行为监控</div>
                <div class="code-name">#icon-gnrenyuandououhangweijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnmianjijisuan"></use>
                </svg>
                <div class="name">面积计算</div>
                <div class="code-name">#icon-gnmianjijisuan</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnpaiwukoujiankong"></use>
                </svg>
                <div class="name">排污口监控</div>
                <div class="code-name">#icon-gnpaiwukoujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnquyushuzhongxinxiguanli"></use>
                </svg>
                <div class="name">区域树种信息管理</div>
                <div class="code-name">#icon-gnquyushuzhongxinxiguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshigongwaduanyujing"></use>
                </svg>
                <div class="name">施工挖断预警</div>
                <div class="code-name">#icon-gnshigongwaduanyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnlvdiposunjiankong"></use>
                </svg>
                <div class="name">绿地破损监控</div>
                <div class="code-name">#icon-gnlvdiposunjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnmeiqiguanjinrushibie"></use>
                </svg>
                <div class="name">煤气罐禁入识别</div>
                <div class="code-name">#icon-gnmeiqiguanjinrushibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnmiehuoqishibie"></use>
                </svg>
                <div class="name">灭火器识别</div>
                <div class="code-name">#icon-gnmiehuoqishibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnloutianshaokaojiankong"></use>
                </svg>
                <div class="name">露天烧烤监控</div>
                <div class="code-name">#icon-gnloutianshaokaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnlinmubeikanzhence"></use>
                </svg>
                <div class="name">林木被砍侦测</div>
                <div class="code-name">#icon-gnlinmubeikanzhence</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnmucaiduifangjiankong"></use>
                </svg>
                <div class="name">木材堆放监控</div>
                <div class="code-name">#icon-gnmucaiduifangjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnkuangqujiezhuangjiankong"></use>
                </svg>
                <div class="name">矿区界桩监控</div>
                <div class="code-name">#icon-gnkuangqujiezhuangjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnlajitongzhuangtaijiankong"></use>
                </svg>
                <div class="name">垃圾桶状态监控</div>
                <div class="code-name">#icon-gnlajitongzhuangtaijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnminganrenyuanguanli"></use>
                </svg>
                <div class="name">敏感人员管理</div>
                <div class="code-name">#icon-gnminganrenyuanguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnloutianlajifenshaojiankong"></use>
                </svg>
                <div class="name">露天垃圾焚烧监控</div>
                <div class="code-name">#icon-gnloutianlajifenshaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnkuangchankantanjiankong"></use>
                </svg>
                <div class="name">矿产勘探监控</div>
                <div class="code-name">#icon-gnkuangchankantanjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnlajiqingdaojiankong"></use>
                </svg>
                <div class="name">垃圾倾倒监控</div>
                <div class="code-name">#icon-gnlajiqingdaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnlinqukanfajiankong"></use>
                </svg>
                <div class="name">林区砍伐监控</div>
                <div class="code-name">#icon-gnlinqukanfajiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnkuangshanfulvjiankong"></use>
                </svg>
                <div class="name">矿山复绿监控</div>
                <div class="code-name">#icon-gnkuangshanfulvjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjinggaiposunjiankong"></use>
                </svg>
                <div class="name">井盖破损监控</div>
                <div class="code-name">#icon-gnjinggaiposunjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnlajiduifangjiankong"></use>
                </svg>
                <div class="name">垃圾堆放监控</div>
                <div class="code-name">#icon-gnlajiduifangjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnkaoguwajuejiankong"></use>
                </svg>
                <div class="name">考古挖掘监控</div>
                <div class="code-name">#icon-gnkaoguwajuejiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjinyuquchuanzhishibie"></use>
                </svg>
                <div class="name">禁渔区船只识别</div>
                <div class="code-name">#icon-gnjinyuquchuanzhishibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjingdianshipinzhibo"></use>
                </svg>
                <div class="name">景点视频直播</div>
                <div class="code-name">#icon-gnjingdianshipinzhibo</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjinggaidiushijiankong"></use>
                </svg>
                <div class="name">井盖丢失监控</div>
                <div class="code-name">#icon-gnjinggaidiushijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnkuangchandaocaijiankong"></use>
                </svg>
                <div class="name">矿产盗采监控</div>
                <div class="code-name">#icon-gnkuangchandaocaijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnshiwaijihuijiankong"></use>
                </svg>
                <div class="name">室外集会监控</div>
                <div class="code-name">#icon-gnshiwaijihuijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjifangkeshihuajiankong"></use>
                </svg>
                <div class="name">机房可视化监控</div>
                <div class="code-name">#icon-gnjifangkeshihuajiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjidongcheweitingjiankong"></use>
                </svg>
                <div class="name">机动车违停监控</div>
                <div class="code-name">#icon-gnjidongcheweitingjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjianyifangshibie"></use>
                </svg>
                <div class="name">简易房识别</div>
                <div class="code-name">#icon-gnjianyifangshibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhuocheyisajiankong"></use>
                </svg>
                <div class="name">货车遗撒监控</div>
                <div class="code-name">#icon-gnhuocheyisajiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnguanxianyidongxunjianguanli"></use>
                </svg>
                <div class="name">管线移动巡检管理</div>
                <div class="code-name">#icon-gnguanxianyidongxunjianguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhuwaiguanggaojiankong"></use>
                </svg>
                <div class="name">户外广告监控</div>
                <div class="code-name">#icon-gnhuwaiguanggaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjixieshigongjiankong"></use>
                </svg>
                <div class="name">机械施工监控</div>
                <div class="code-name">#icon-gnjixieshigongjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjinhaichichaoyuhutaijiankong"></use>
                </svg>
                <div class="name">近海赤潮与浒苔监控</div>
                <div class="code-name">#icon-gnjinhaichichaoyuhutaijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gngufeiqingdaojiankong"></use>
                </svg>
                <div class="name">固废倾倒监控</div>
                <div class="code-name">#icon-gngufeiqingdaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gngengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon-gngengduo</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnguanglanxianlanjiankong"></use>
                </svg>
                <div class="name">光缆线缆监控</div>
                <div class="code-name">#icon-gnguanglanxianlanjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnguanxianguanzhuangguanli"></use>
                </svg>
                <div class="name">管线管桩管理</div>
                <div class="code-name">#icon-gnguanxianguanzhuangguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhuodianshibierechengxiang"></use>
                </svg>
                <div class="name">火点识别（热成像）</div>
                <div class="code-name">#icon-gnhuodianshibierechengxiang</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhuochangxinxi"></use>
                </svg>
                <div class="name">火场信息</div>
                <div class="code-name">#icon-gnhuochangxinxi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnjinkenqunongzuowujiankong"></use>
                </svg>
                <div class="name">禁垦区农作物监控</div>
                <div class="code-name">#icon-gnjinkenqunongzuowujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gngaokongpaowujiankong"></use>
                </svg>
                <div class="name">高空抛物监控</div>
                <div class="code-name">#icon-gngaokongpaowujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhehulanzaojiankong"></use>
                </svg>
                <div class="name">河湖蓝藻监控</div>
                <div class="code-name">#icon-gnhehulanzaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnfeijidongchetingfangjiankong"></use>
                </svg>
                <div class="name">非机动车停放监控</div>
                <div class="code-name">#icon-gnfeijidongchetingfangjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnfeifachuidiaojiankong"></use>
                </svg>
                <div class="name">非法垂钓监控</div>
                <div class="code-name">#icon-gnfeifachuidiaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhuocheweishangaijiankong"></use>
                </svg>
                <div class="name">货车未苫盖监控</div>
                <div class="code-name">#icon-gnhuocheweishangaijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gngongyeyanchenjiankong"></use>
                </svg>
                <div class="name">工业烟尘监控</div>
                <div class="code-name">#icon-gngongyeyanchenjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndianduzhayuyujing"></use>
                </svg>
                <div class="name">电毒炸鱼预警</div>
                <div class="code-name">#icon-gndianduzhayuyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnfanghongshuichishibie"></use>
                </svg>
                <div class="name">防洪水尺识别</div>
                <div class="code-name">#icon-gnfanghongshuichishibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndianpingchechongdianjiankong"></use>
                </svg>
                <div class="name">电瓶车充电监控</div>
                <div class="code-name">#icon-gndianpingchechongdianjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnfukenqingkuangjiankong"></use>
                </svg>
                <div class="name">复垦情况监控</div>
                <div class="code-name">#icon-gnfukenqingkuangjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndiredaocaijiankong"></use>
                </svg>
                <div class="name">地热盗采监控</div>
                <div class="code-name">#icon-gndiredaocaijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndizhizaihaiguanxianfengxianliandong"></use>
                </svg>
                <div class="name">地质灾害管线风险联动</div>
                <div class="code-name">#icon-gndizhizaihaiguanxianfengxianliandong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndikongfeihangwuyundongjiance"></use>
                </svg>
                <div class="name">低空飞行物运动监测</div>
                <div class="code-name">#icon-gndikongfeihangwuyundongjiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndaolujixuejiankong"></use>
                </svg>
                <div class="name">道路积雪监控</div>
                <div class="code-name">#icon-gndaolujixuejiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndaoluposunjiankong"></use>
                </svg>
                <div class="name">道路破损监控</div>
                <div class="code-name">#icon-gndaoluposunjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndongwuchuangrushibie"></use>
                </svg>
                <div class="name">动物闯入识别</div>
                <div class="code-name">#icon-gndongwuchuangrushibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnduoguangpushuizhizhence"></use>
                </svg>
                <div class="name">多光谱水质侦测</div>
                <div class="code-name">#icon-gnduoguangpushuizhizhence</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndaolujishuijiankong"></use>
                </svg>
                <div class="name">道路积水监控</div>
                <div class="code-name">#icon-gndaolujishuijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndianpingchejinrujinfangjiankong"></use>
                </svg>
                <div class="name">电瓶车禁入禁放监控</div>
                <div class="code-name">#icon-gndianpingchejinrujinfangjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndianwaijingyingjiankong"></use>
                </svg>
                <div class="name">店外经营监控</div>
                <div class="code-name">#icon-gndianwaijingyingjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndaoluqingjiejiankong"></use>
                </svg>
                <div class="name">道路清洁监控</div>
                <div class="code-name">#icon-gndaoluqingjiejiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchuanzhifeifachurugangyujingleidashi"></use>
                </svg>
                <div class="name">船只非法出入港预警(雷达式)</div>
                <div class="code-name">#icon-gnchuanzhifeifachurugangyujingleidashi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gncheliangdingweixianshi"></use>
                </svg>
                <div class="name">车辆定位显示</div>
                <div class="code-name">#icon-gncheliangdingweixianshi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndakongdaoyouyujing"></use>
                </svg>
                <div class="name">打孔盗油预警</div>
                <div class="code-name">#icon-gndakongdaoyouyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchesujiankong"></use>
                </svg>
                <div class="name">车速监控</div>
                <div class="code-name">#icon-gnchesujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndaqiwanggehuajiance"></use>
                </svg>
                <div class="name">大气网格化监测</div>
                <div class="code-name">#icon-gndaqiwanggehuajiance</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndanbingtongxin"></use>
                </svg>
                <div class="name">单兵通信</div>
                <div class="code-name">#icon-gndanbingtongxin</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gncheliangchuanghongdengjiankong"></use>
                </svg>
                <div class="name">车辆闯红灯监控</div>
                <div class="code-name">#icon-gncheliangchuanghongdengjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndaoluduizhanjiankong"></use>
                </svg>
                <div class="name">道路堆占监控</div>
                <div class="code-name">#icon-gndaoluduizhanjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndazhongxingdongwushibie"></use>
                </svg>
                <div class="name">大中型动物识别</div>
                <div class="code-name">#icon-gndazhongxingdongwushibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchepaishibie"></use>
                </svg>
                <div class="name">车牌识别</div>
                <div class="code-name">#icon-gnchepaishibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchuanzhidingweixianshi"></use>
                </svg>
                <div class="name">船只定位显示</div>
                <div class="code-name">#icon-gnchuanzhidingweixianshi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchuanzhifeifaruqinyujingleidashi"></use>
                </svg>
                <div class="name">船只非法入侵预警(雷达式)</div>
                <div class="code-name">#icon-gnchuanzhifeifaruqinyujingleidashi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchuanzhifeifabulaoyujingleidashi"></use>
                </svg>
                <div class="name">船只非法捕捞预警(雷达式)</div>
                <div class="code-name">#icon-gnchuanzhifeifabulaoyujingleidashi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gncheliuliangguanli"></use>
                </svg>
                <div class="name">车流量管理</div>
                <div class="code-name">#icon-gncheliuliangguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gndaoyoushuzhuanyinnidingwei"></use>
                </svg>
                <div class="name">盗油输转隐匿定位</div>
                <div class="code-name">#icon-gndaoyoushuzhuanyinnidingwei</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchehoudouzairenjiankong"></use>
                </svg>
                <div class="name">车后斗载人监控</div>
                <div class="code-name">#icon-gnchehoudouzairenjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gncheliangchuangrujiankong"></use>
                </svg>
                <div class="name">车辆闯入监控</div>
                <div class="code-name">#icon-gncheliangchuangrujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchuanzhifeifachurugangyujingguangdianshi"></use>
                </svg>
                <div class="name">船只非法出入港预警(光电式)</div>
                <div class="code-name">#icon-gnchuanzhifeifachurugangyujingguangdianshi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchuanzhifeifaruqinyujingguangdianshi"></use>
                </svg>
                <div class="name">船只非法入侵预警(光电式)</div>
                <div class="code-name">#icon-gnchuanzhifeifaruqinyujingguangdianshi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnchuanzhifeifabulaoyujingguangdianshi"></use>
                </svg>
                <div class="name">船只非法捕捞预警(光电式)</div>
                <div class="code-name">#icon-gnchuanzhifeifabulaoyujingguangdianshi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhiwubingchonghaikeshihuajiankong"></use>
                </svg>
                <div class="name">植物病虫害可视化监控</div>
                <div class="code-name">#icon-gnzhiwubingchonghaikeshihuajiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhenxizhiwuwuzhongshibie"></use>
                </svg>
                <div class="name">珍稀植物物种识别</div>
                <div class="code-name">#icon-gnzhenxizhiwuwuzhongshibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhandaojingyingjiankong"></use>
                </svg>
                <div class="name">占道经营监控</div>
                <div class="code-name">#icon-gnzhandaojingyingjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhongchenianyayujing"></use>
                </svg>
                <div class="name">重车碾压预警</div>
                <div class="code-name">#icon-gnzhongchenianyayujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhanyongxiaofangtongdaojiankong"></use>
                </svg>
                <div class="name">占用消防通道监控</div>
                <div class="code-name">#icon-gnzhanyongxiaofangtongdaojiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzuowuchangshijiankong"></use>
                </svg>
                <div class="name">作物长势监控</div>
                <div class="code-name">#icon-gnzuowuchangshijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhongdaxingyangzhixuqinshibie"></use>
                </svg>
                <div class="name">中大型养殖畜禽识别</div>
                <div class="code-name">#icon-gnzhongdaxingyangzhixuqinshibie</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyulechangsuoweifajingyingjiankong"></use>
                </svg>
                <div class="name">娱乐场所违法经营监控</div>
                <div class="code-name">#icon-gnyulechangsuoweifajingyingjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhinengmenjin"></use>
                </svg>
                <div class="name">智能门禁</div>
                <div class="code-name">#icon-gnzhinengmenjin</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyuyeshuiyuwanggehuaguanli"></use>
                </svg>
                <div class="name">渔业水域网格化管理</div>
                <div class="code-name">#icon-gnyuyeshuiyuwanggehuaguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyangchenfenchenjiankong"></use>
                </svg>
                <div class="name">扬尘粉尘监控</div>
                <div class="code-name">#icon-gnyangchenfenchenjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzaoshengjiankong"></use>
                </svg>
                <div class="name">噪声监控</div>
                <div class="code-name">#icon-gnzaoshengjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyuejiecaikuangjiankong"></use>
                </svg>
                <div class="name">越界采矿监控</div>
                <div class="code-name">#icon-gnyuejiecaikuangjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyuchangxunhuyujingleidashi"></use>
                </svg>
                <div class="name">渔场巡护预警（雷达式）</div>
                <div class="code-name">#icon-gnyuchangxunhuyujingleidashi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyuanyouxielouyujing"></use>
                </svg>
                <div class="name">原油泄露预警</div>
                <div class="code-name">#icon-gnyuanyouxielouyujing</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyiqingfangkongjiankong"></use>
                </svg>
                <div class="name">疫情防控监控</div>
                <div class="code-name">#icon-gnyiqingfangkongjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyunguangbo"></use>
                </svg>
                <div class="name">云广播</div>
                <div class="code-name">#icon-gnyunguangbo</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhalandaodijiankong"></use>
                </svg>
                <div class="name">栅栏倒地监控</div>
                <div class="code-name">#icon-gnzhalandaodijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyanhuoshibiekejianguang"></use>
                </svg>
                <div class="name">烟火识别（可见光）</div>
                <div class="code-name">#icon-gnyanhuoshibiekejianguang</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyujingfuzhuwurenjixunhuyindao"></use>
                </svg>
                <div class="name">预警辅助—无人机巡护引导</div>
                <div class="code-name">#icon-gnyujingfuzhuwurenjixunhuyindao</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyeshengludidongwuguijiguanli"></use>
                </svg>
                <div class="name">野生陆地动物轨迹管理</div>
                <div class="code-name">#icon-gnyeshengludidongwuguijiguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnyuchangxunhuyujingguangdianshi"></use>
                </svg>
                <div class="name">渔场巡护预警（光电式）</div>
                <div class="code-name">#icon-gnyuchangxunhuyujingguangdianshi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnwurenjidingweixianshi"></use>
                </svg>
                <div class="name">无人机定位显示</div>
                <div class="code-name">#icon-gnwurenjidingweixianshi</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnwutibanyunjiankong"></use>
                </svg>
                <div class="name">物体搬运监控</div>
                <div class="code-name">#icon-gnwutibanyunjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnzhidingchangsuozhoujiejiankong"></use>
                </svg>
                <div class="name">指定场所周界监控</div>
                <div class="code-name">#icon-gnzhidingchangsuozhoujiejiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnhangrenfanyuezhalanjiankong"></use>
                </svg>
                <div class="name">行人翻越栅栏监控</div>
                <div class="code-name">#icon-gnhangrenfanyuezhalanjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweidaianquanmaohangweijiankong"></use>
                </svg>
                <div class="name">未戴安全帽行为监控</div>
                <div class="code-name">#icon-gnweidaianquanmaohangweijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweikuangkuhefeizhakeshihuaguanli"></use>
                </svg>
                <div class="name">尾矿库和废渣可视化管理</div>
                <div class="code-name">#icon-gnweikuangkuhefeizhakeshihuaguanli</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweijianzhandijiankong"></use>
                </svg>
                <div class="name">违建占地监控</div>
                <div class="code-name">#icon-gnweijianzhandijiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguiyanchujiankong"></use>
                </svg>
                <div class="name">违规演出监控</div>
                <div class="code-name">#icon-gnweiguiyanchujiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguikaikenjiankong"></use>
                </svg>
                <div class="name">违规开垦监控</div>
                <div class="code-name">#icon-gnweiguikaikenjiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnwurenhaidaokaifajiankong"></use>
                </svg>
                <div class="name">无人海岛开发监控</div>
                <div class="code-name">#icon-gnwurenhaidaokaifajiankong</div>
            </li>

            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gnweiguiliugoujiankong"></use>
                </svg>
                <div class="name">违规遛狗监控</div>
                <div class="code-name">#icon-gnweiguiliugoujiankong</div>
            </li>

          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont2.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
